<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- <div id="box">box</div> -->
    <div>
        <ul>
            <li>1111</li>
            <li>2222</li>
            <li>3333</li>
            <li>4444</li>
        </ul>
    </div>
</body>

</html>
<script>
    // this对象
    // function Fn() {
    //     alert(this)            //[object Window]
    // }
    // Fn()
    // var obj = {
    //     show: function () {
    //         alert(this)         //[object Object]   this是函数内部的一个对象，  因为obj调用了show这个函数(也就是obj这个对象的方法)  this指的就是谁调用了此函数，this就只向谁（指向那个对象，对象通过.操作符来调用对象的属性和方法），obj是一个对象(用字面量方式创建的) this就是obj
    //         console.log(this.show)       //因为this是一个对象，并且this就是obj这个对象，可以通过点操作符来调用show这个方法
    //         console.log(this)
    //     }
    // }
    // obj.show()
    // box.onclick = function () {
    //     console.log(this)                       // <div id="box">box</div>
    //     alert(this)                              //[object HTMLDivElement]

    // }
    // var arr = document.getElementsByTagName('li')
    // console.log(arr)                   //HTMLCollection(4) [li, li, li, li]  类数组  由四个li标签组成
    // console.log(arr.length)                 //4
    // console.log(arr[0])                   //<li>…</li>          <li>1111</li>
    // console.log(arr[0].innerHTML)         //1111
    // for (i = 0; i < arr.length; i++) {
    //     arr[i].onclick = function () {
    //         // console.log(arr[i].innerHTML)          //错误的方式    
    //         console.log(this.innerHTML)           //点击document的li标签，打印出对应li标签里面的内容
    //     }
    // }
    // !function () {
    //     console.log(this)              //自执行函数  this指向Window
    // }()
    // var fn = function () {
    //     alert(this)
    // }
    // fn()                                   // Window   因为没有对象调用它
    // window.fn()                            //Window   window调用了此函数

</script>